<style lang="less">
@import "../../../styles/common.less";
@import "../../../styles/table.less";
</style>

<template>
    <div>
      <Card class="clearfix" style="padding-bottom: 16px">
        <p slot="title">
          功能列表
        </p>

        <Row>
          <Col span="6">
            <Row>
              <Col span="6">
                <span style="height: 30px;line-height: 30px;">权限名称：</span>
              </Col>
              <Col span="12">
                <div style="display:inline-block;width:180px;">
                  <Input placeholer="请输入权限名称"/>
                </div>
              </Col>
              <Col span="6">
                <Button type="success" icon="ios-search" >搜索</Button>
              </Col>
            </Row>
          </Col>
        </Row>
        <Row class="margin-top-10 publish-button-con">
              <Button icon="ios-checkmark" style="width:90px;" type="primary">新增</Button>
        </Row>
        <br>
                    <div>
                         <table-test-list refs="table2" v-model="tableData2" ></table-test-list>
                    </div>
                    <Page ref="pages" :total="10" show-total style="float: right; margin-top: 20px" ></Page>
      </Card>
    </div>
</template>

<script>
import tableTestList from './components/tableList.vue'
export default {
    name: 'tableTestList-index',
    components: {
        tableTestList
    },
    data () {
        return {
            tableData2: []
        }
    }

}
</script>
